<!DOCTYPE html>
<html>
	<head>
		<meta charset="UTF-8">
		<title>质量考核评价</title>
		<link rel="stylesheet" href="css/global.css" />
		<link rel="stylesheet" href="css/ext.css" />
		<script type="text/javascript" src="js/echarts.min.js" ></script>
		<script type="text/javascript" src="js/jquery.min.js"></script>
		<script type="text/javascript" src="js/lay-common.js" ></script>
	</head>
	<body>
		<div class="page">
			<div class="layui-row layui-col-space10">
				<!-- 第一列 -->
				<div class="layui-col-xs4">
					<div class="layui-row layui-col-space10">
						<div class="layui-col-xs12">
							<div class="layui-box">
								<div class="layui-box-title">
									<div class="layui-box-title-icon"></div>
									<div class="layui-box-title-text">
										<div class="text titleClick" data-target="tydb">统一待办</div>
										<span>2</span>
									</div>
									<div class="layui-box-title-text">
										<div class="text titleClick" data-target="tzgg">通知公告</div>
										<span>2</span>
									</div>
									<div class="layui-box-title-text">
										<div class="text titleClick selected" data-target="xxtx">消息提醒</div>
										<span>2</span>
									</div>
									<div class="layui-box-title-more"></div>
								</div>
								<div class="layui-box-content roll">
									<div class="layui-article-list">
										<div class="layui-article-title">
											 <div class="title-icon"></div>
											 <div class="title-text">调整2019年1-7月自营油调整2019年1-7月自营油自营油调整2019年1-7月自营油</div>
											 <div class="title-right">
											 	<div class="title-right-date">2024-10-10</div>
											 	<div class="title-right-depart">部门办理</div>
											 </div>
										</div>
										<div class="layui-article-content">
											<div class="article">
												我公司通过《有关差旅费优化的会议》的会议对差旅费的请、报销、规范制度做出以下调整我公司通过《有关差旅费优化的会议》的会议对差旅费的请、报销、规范制度做出以下调整
											</div>
											<div class="article-more">【详情】</div>
										</div>
									</div>
									<div class="layui-article-list">
										<div class="layui-article-title">
											 <div class="title-icon"></div>
											 <div class="title-text">调整2019年1-7月自营油调整2019年1-7月自营油自营油调整2019年1-7月自营油</div>
											 <div class="title-right">
											 	<div class="title-right-date">2024-10-10</div>
											 	<div class="title-right-depart">部门办理</div>
											 </div>
										</div>
										<div class="layui-article-content">
											<div class="article">
												我公司通过《有关差旅费优化的会议》的会议对差旅费的请、报销、规范制度做出以下调整我公司通过《有关差旅费优化的会议》的会议对差旅费的请、报销、规范制度做出以下调整
											</div>
											<div class="article-more">【详情】</div>
										</div>
									</div>
									<div class="layui-article-list">
										<div class="layui-article-title">
											 <div class="title-icon"></div>
											 <div class="title-text">调整2019年1-7月自营油调整2019年1-7月自营油自营油调整2019年1-7月自营油</div>
											 <div class="title-right">
											 	<div class="title-right-date">2024-10-10</div>
											 	<div class="title-right-depart">部门办理</div>
											 </div>
										</div>
										<div class="layui-article-content">
											<div class="article">
												我公司通过《有关差旅费优化的会议》的会议对差旅费的请、报销、规范制度做出以下调整我公司通过《有关差旅费优化的会议》的会议对差旅费的请、报销、规范制度做出以下调整
											</div>
											<div class="article-more">【详情】</div>
										</div>
									</div>
									<div class="layui-article-list">
										<div class="layui-article-title">
											 <div class="title-icon"></div>
											 <div class="title-text">调整2019年1-7月自营油调整2019年1-7月自营油自营油调整2019年1-7月自营油</div>
											 <div class="title-right">
											 	<div class="title-right-date">2024-10-10</div>
											 	<div class="title-right-depart">部门办理</div>
											 </div>
										</div>
										<div class="layui-article-content">
											<div class="article">
												我公司通过《有关差旅费优化的会议》的会议对差旅费的请、报销、规范制度做出以下调整我公司通过《有关差旅费优化的会议》的会议对差旅费的请、报销、规范制度做出以下调整
											</div>
											<div class="article-more">【详情】</div>
										</div>
									</div>
									<div class="layui-article-list">
									<div class="layui-article-title">
										 <div class="title-icon"></div>
										 <div class="title-text">调整2019年1-7月自营油调整2019年1-7月自营油自营油调整2019年1-7月自营油</div>
										 <div class="title-right">
										 	<div class="title-right-date">2024-10-10</div>
										 	<div class="title-right-depart">部门办理</div>
										 </div>
									</div>
									<div class="layui-article-content">
										<div class="article">
											我公司通过《有关差旅费优化的会议》的会议对差旅费的请、报销、规范制度做出以下调整我公司通过《有关差旅费优化的会议》的会议对差旅费的请、报销、规范制度做出以下调整
										</div>
										<div class="article-more">【详情】</div>
									</div>
								</div>
								</div>
							</div>
						</div>
						<div class="layui-col-xs12">
							<!-- 本月不合格排行榜 -->
							<div class="layui-box">
								<div class="layui-box-title">
									<div class="layui-box-title-icon"></div>
									<div class="layui-box-title-text">
										<div class="text">本月不合格排行榜</div>
									</div>
								</div>
								<div class="layui-box-content">
									<table class="layui-table layui-custom-color" lay-size="sm">
										<thead>
											<tr>
												<th>序号</th>
												<th>评价项目</th>
												<th>检查点</th>
												<th>项目分类</th>
												<th>不合格次数</th>
											</tr>
										</thead>
										<tbody>
											<tr>
												<td>1</td>
												<td>餐厅、厨具</td>
												<td>餐厅</td>
												<td>环境卫生</td>
												<td>11</td>
											</tr>
											<tr>
												<td>2</td>
												<td>餐厅、厨具</td>
												<td>餐厅</td>
												<td>环境卫生</td>
												<td>11</td>
											</tr>
											<tr>
												<td>3</td>
												<td>餐厅、厨具</td>
												<td>餐厅</td>
												<td>环境卫生</td>
												<td>11</td>
											</tr>
											<tr>
												<td>4</td>
												<td>餐厅、厨具</td>
												<td>餐厅</td>
												<td>环境卫生</td>
												<td>11</td>
											</tr>
											<tr>
												<td>5</td>
												<td>餐厅、厨具</td>
												<td>餐厅</td>
												<td>环境卫生</td>
												<td>11</td>
											</tr>
											<tr>
												<td>6</td>
												<td>餐厅、厨具</td>
												<td>餐厅</td>
												<td>环境卫生</td>
												<td>11</td>
											</tr>
											<tr>
												<td>7</td>
												<td>餐厅、厨具</td>
												<td>餐厅</td>
												<td>环境卫生</td>
												<td>11</td>
											</tr>
											<tr>
												<td>8</td>
												<td>餐厅、厨具</td>
												<td>餐厅</td>
												<td>环境卫生</td>
												<td>11</td>
											</tr>
											<tr>
												<td>9</td>
												<td>餐厅、厨具</td>
												<td>餐厅</td>
												<td>环境卫生</td>
												<td>11</td>
											</tr>
										</tbody>
									</table>
								</div>
							</div>
						</div>
					</div>
				</div>
				<!-- 第二列 -->
				<div class="layui-col-xs4">
					<div class="layui-row layui-col-space10">
						<!-- 当月任务动态 -->
						<div class="layui-col-xs12">
							<div class="layui-box layui-box2">
								<div class="layui-box-title">
									<div class="layui-box-title-icon"></div>
									<div class="layui-box-title-text">
										<div class="text">当月任务动态</div>
									</div>
								</div>
								<div class="layui-box-content layui-cloumn">
									<div class="layui-col-xs6">
										<div class="xs6-tw">
											<div class="xs6-t">
												<img src="img/质量考核-总任务.png" />
											</div>
											<div class="xs6-w">
												<div class="xs6-w-big">23,332</div>
												<div class="xs6-w-sm">总任务</div>
											</div>
										</div>
									</div>
									<div class="layui-col-xs6">
										<div class="xs6-tw">
											<div class="xs6-t">
												<img src="img/质量考核-待整改.png" />
											</div>
											<div class="xs6-w">
												<div class="xs6-w-big">23,332</div>
												<div class="xs6-w-sm">待整改</div>
											</div>
										</div>
									</div>
									<div class="layui-col-xs6">
										<div class="xs6-tw">
											<div class="xs6-t">
												<img src="img/质量考核-完成数.png" />
											</div>
											<div class="xs6-w">
												<div class="xs6-w-big">23,332</div>
												<div class="xs6-w-sm">完成数</div>
											</div>
										</div>
									</div>
									<div class="layui-col-xs6">
										<div class="xs6-tw">
											<div class="xs6-t">
												<img src="img/质量考核-超期待整改.png" />
											</div>
											<div class="xs6-w">
												<div class="xs6-w-big">23,332</div>
												<div class="xs6-w-sm">超期待整改</div>
											</div>
										</div>
									</div>
								</div>
							</div>
						</div>
						<!-- 当月任务完成率 -->
						<div class="layui-col-xs12">
							<div class="layui-box layui-box2">
								<div class="layui-box-title">
									<div class="layui-box-title-icon"></div>
									<div class="layui-box-title-text">
										<div class="text">当月任务完成率</div>
									</div>
								</div>
								<div class="layui-box-content">
									<div class="layui-col-xs6 flex-center">
										<div class="layui-ybiao layui-ybiao-sm">
											<div class="ybiao-rate">50%</div>
											<div class="ybiao-points" id="ybiao">
												<div class="ybiao-point-red"></div>
												<div class="ybiao-point-tran"></div>
											</div>
											<div class="ybiao-rb">
												<div class="ybiao-rb-text">已整改：321</div>
												<div class="ybiao-rb-text">不合格：231</div>
											</div>
										</div>
										<div class="layui-ybiao-remark">
											不合格任务整改率
										</div>
									</div>
									<div class="layui-col-xs6 flex-center">
										<div class="layui-ybiao layui-ybiao-big">
											<div class="ybiao-rate">50%</div>
											<div class="ybiao-points" id="ybiao2">
												<div class="ybiao-point-red"></div>
												<div class="ybiao-point-tran"></div>
											</div>
											<div class="ybiao-rb">
												<div class="ybiao-rb-text">已完成：321</div>
												<div class="ybiao-rb-text">总任务：231</div>
											</div>
										</div>
										<div class="layui-ybiao-remark">
											任务完成率
										</div>
									</div>
								</div>
							</div>
						</div>
						<!-- 服务区任务完成率排行 -->
						<div class="layui-col-xs12">
							<div class="layui-box layui-box2">
								<div class="layui-box-title">
									<div class="layui-box-title-icon"></div>
									<div class="layui-box-title-text">
										<div class="text">服务区任务完成率排行</div>
									</div>
									<div class="layui-box-title-right">
										<div class="nav-items" data-target="fwqrwwclph">
											<div class="nav-item selected" data-target="1">前10</div>
											<div class="nav-item" data-target="2">后10</div>
										</div>
									</div>
								</div>
								<div class="layui-box-content">
									<div class="chart" id="fwqrwwclph"></div>
								</div>
							</div>
						</div>
					</div>
				</div>
				<!-- 第三列 -->
				<div class="layui-col-xs4">
					<div class="layui-row layui-col-space10">
						<!--  -->
						<div class="layui-col-xs12">
							<div class="layui-box layui-box2">
								<div class="layui-box-title">
									<div class="layui-box-title-icon"></div>
									<div class="layui-box-title-text">
										<div class="text">服务区任务整改率排行</div>
									</div>
									<div class="layui-box-title-right">
										<div class="nav-items" data-target="fwqrwzglph">
											<div class="nav-item selected" data-target="1">前10</div>
											<div class="nav-item" data-target="2">后10</div>
										</div>
									</div>
								</div>
								<div class="layui-box-content">
									<div class="chart" id="fwqrwzglph"></div>
								</div>
							</div>
						</div>
						<div class="layui-col-xs12">
							<div class="layui-box layui-box2">
								<div class="layui-box-title">
									<div class="layui-box-title-icon"></div>
									<div class="layui-box-title-text">
										<div class="text">分公司任务整改率</div>
									</div>
								</div>
								<div class="layui-box-content">
									<div class="column-x12 padding12">
										<div class="column-x3">
											<div class="column-x3-chart" id="fgsrwzgl1"></div>
											<div class="column-x3-chart-text" id="fgsrwzgl1Rate"></div>
											<div class="column-x3-chart-text" id="fgsrwzgl1Zone"></div>
										</div>
										<div class="column-x3">
											<div class="column-x3-chart" id="fgsrwzgl2"></div>
											<div class="column-x3-chart-text" id="fgsrwzgl2Rate"></div>
											<div class="column-x3-chart-text" id="fgsrwzgl2Zone"></div>
										</div>
										<div class="column-x3">
											<div class="column-x3-chart" id="fgsrwzgl3"></div>
											<div class="column-x3-chart-text" id="fgsrwzgl3Rate"></div>
											<div class="column-x3-chart-text" id="fgsrwzgl3Zone"></div>
										</div>
										<div class="column-x3">
											<div class="column-x3-chart" id="fgsrwzgl4"></div>
											<div class="column-x3-chart-text" id="fgsrwzgl4Rate"></div>
											<div class="column-x3-chart-text" id="fgsrwzgl4Zone"></div>
										</div>
									</div>
									<div class="column-x10">
										<div class="column-x2">
											<div class="column-x2-chart" id="fgsrwzgl5"></div>
											<div class="column-x2-chart-text" id="fgsrwzgl5Rate"></div>
											<div class="column-x2-chart-text" id="fgsrwzgl5Zone"></div>
										</div>
										<div class="column-x2">
											<div class="column-x2-chart" id="fgsrwzgl6"></div>
											<div class="column-x2-chart-text" id="fgsrwzgl6Rate"></div>
											<div class="column-x2-chart-text" id="fgsrwzgl6Zone"></div>
										</div>
										<div class="column-x2">
											<div class="column-x2-chart" id="fgsrwzgl7"></div>
											<div class="column-x2-chart-text" id="fgsrwzgl7Rate"></div>
											<div class="column-x2-chart-text" id="fgsrwzgl7Zone"></div>
										</div>
										<div class="column-x2">
											<div class="column-x2-chart" id="fgsrwzgl8"></div>
											<div class="column-x2-chart-text" id="fgsrwzgl8Rate"></div>
											<div class="column-x2-chart-text" id="fgsrwzgl8Zone"></div>
										</div>
										<div class="column-x2">
											<div class="column-x2-chart" id="fgsrwzgl9"></div>
											<div class="column-x2-chart-text" id="fgsrwzgl9Rate"></div>
											<div class="column-x2-chart-text" id="fgsrwzgl9Zone"></div>
										</div>
									</div>
								</div>
							</div>
						</div>
						<div class="layui-col-xs12">
							<div class="layui-box layui-box2">
								<div class="layui-box-title">
									<div class="layui-box-title-icon"></div>
									<div class="layui-box-title-text">
										<div class="text">分公司任务完成率排行</div>
									</div>
								</div>
								<div class="layui-box-content roll">
									<div class="line-item">
										<div class="line-series">1</div>
										<div class="line-total">
											<div class="line-current" style="width: 70%;">
												济徐分公司
											</div>
										</div>
										<div class="line-info">
											未完成：142
										</div>
									</div>
									<div class="line-item">
										<div class="line-series">2</div>
										<div class="line-total">
											<div class="line-current" style="width: 50%;">济徐分公司</div>
										</div>
										<div class="line-info">
											未完成：142
										</div>
									</div>
									<div class="line-item">
										<div class="line-series">3</div>
										<div class="line-total">
											<div class="line-current" style="width: 20%;">济徐分公司</div>
										</div>
										<div class="line-info">
											未完成：142
										</div>
									</div>
									<div class="line-item">
										<div class="line-series">4</div>
										<div class="line-total">
											<div class="line-current" style="width: 70%;">济徐分公司</div>
										</div>
										<div class="line-info">
											未完成：142
										</div>
									</div>
									<div class="line-item">
										<div class="line-series">5</div>
										<div class="line-total">
											<div class="line-current" style="width: 70%;">济徐分公司</div>
										</div>
										<div class="line-info">
											未完成：142
										</div>
									</div>
									<div class="line-item">
										<div class="line-series">6</div>
										<div class="line-total">
											<div class="line-current" style="width: 70%;">济徐分公司</div>
										</div>
										<div class="line-info">
											未完成：142
										</div>
									</div>
									<div class="line-item">
										<div class="line-series">7</div>
										<div class="line-total">
											<div class="line-current" style="width: 70%;">济徐分公司</div>
										</div>
										<div class="line-info">
											未完成：142
										</div>
									</div>
								</div>
							</div>
						</div>
					</div>
				</div>
			</div>
		</div>
		<script type="text/javascript" src="js/服务区任务完成率排行.js" ></script>
		<script type="text/javascript" src="js/服务区任务整改率排行.js" ></script>
		<script type="text/javascript" src="js/分公司任务整改率.js"></script>
		<script>
			/**
			 * 这个百分比 20% 就设置20
			 */
			const ds = 20;
			$('#ybiao').attr('style','transform:rotate('+(ds*2-55)+'deg)');
			const ds2 = 50
			$('#ybiao2').attr('style','transform:rotate('+(ds2*2-55)+'deg)');
			
		</script>
	</body>
</html>